import React, { Component } from 'react'
import './index.less'
import { Card, Carousel } from 'antd'
export default class Gallery extends Component {
   
    render() {
        
        return (
            <div >
                <Card title='文字轮播' className="card-wrap">
                    <Carousel autoplay effect='fade'>
                        <div>
                            <h3>Ant - Design for React</h3>
                        </div>
                        <div>
                            <h3>Ant - Design for Vue</h3>
                        </div>
                        <div>
                            <h3>Ant - Design for Angular</h3>
                        </div>
                    </Carousel>
                </Card>
                <Card title='图片轮播' className="slider-wrap" style={{ width: "800px" }}>
                    <Carousel autoplay effect='fade'>
                        <div>
                            <img src="/carousel-img/1.jpg" alt=""/>
                        </div>
                        <div>
                            <img src="/carousel-img/carousel-2.jpg" alt="" />

                        </div>
                        <div>
                            <img src="/carousel-img/carousel-3.jpg" alt="" />

                        </div>
                    </Carousel>
                </Card>
            </div>
        )
    }
}